﻿*{
    margin:0;
    padding:0;
}
html, body {
background: #193949;
font: 13px/16px Trebuchet MS, sans-serif;
color: #fff;
min-width: 300px;
}
.c{
    width:960px;
    margin:0 auto;


}
.h-top {
background: #0c2a39;
}
header h1{
    float:left;
}
.clearfix {
}
.sf-menu {
margin-top: 0px;
background: #d86d04;
height: 85px;
border-top: 4px solid #bf6004;
}
.sf-menu > li.current, .sf-menu > li:hover {
background: #272727;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease;
}
.sf-menu > li {
display: block;
position: relative;
float: left;
-moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: background 0.3s ease;
}
.sf-menu li {
padding-left: 0px;
position: relative;
background: none;
}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span {
color: #ffffff;
background: #bf6004;
}
.sf-menu > li > a {
display: block;
height: 85px;
width: 156px;
text-align: center;
vertical-align: middle;
line-height: 89px;
text-transform: uppercase;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease;
z-index: 100;
}
.sf-menu a {
display: block;
text-decoration: none;
font-size: 12px;
line-height: 14px;
color: #fff;
text-transform: uppercase;
font-family: 'Bevan', cursive;
}
.inside
{
    height:66px;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
/* line-height: 0; */
}
.prefix_3 {
padding-left: 240px;
}
.grid_9 {
width: 700px;
}
.t1 {
font-size: 20px;
line-height: 24px;
color: #fff;
font-family: 'Bevan', cursive;
padding-top: 20px;
padding-bottom: 22px;
}
.grid_3 {
width: 220px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
ol, ul {
list-style: none;
}
.list-3 li a {
display: block;
color: #d86d04;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
font-family: 'Bevan', cursive;
margin-top: 1px;
}
.list-3 .icon-1 {
background-position: 14px 16px;
}
.list-3 [class*="icon-"] {
display: inline-block;
width: 60px;
height: 60px;
margin-right: 1px;
border-right: 1px solid #041a25;
transition: background-color .4s ease;
background: #0c2a39 url(/images/icons-1.png) no-repeat;

}
.list-3 li a span + span {
display: inline-block;
padding: 24px 0 10px 18px;
overflow: hidden;
}
a:hover {
text-decoration: none;
}
.list-3 li:hover a {
    background: none repeat scroll 0 0 #D86D04;
    color: #0C2A39;
}
.list-3 .icon-1 {
background-position: 14px 16px;
}
ul li a {
transition: all 0.4s ease;
}
.list-3 .icon-2 {
background-position: 14px -44px;
}
.list-3 .icon-3 {
background-position: 14px -105px;
}
.list-3 .icon-4 {
background-position: 14px -166px;
}
.list-3 .icon-5 {
background-position: 14px -227px;
}
.list-3 .icon-6 {
background-position: 14px -288px;
}
.list-3 .icon-7 {
background-position: 14px -349px;
}
.list-3 .icon-8 {
background-position: 14px -410px;
}
header {
background: #041a25;
}
.content {
background-color: #0c2a39;
}
.bg-1 {
background: #0c2a39;
padding-bottom: 17px;
}
h2 {
border-top: 4px solid #d86d04;
background: #041a25;
font-size: 20px;
line-height: 26px;
color: #fff;
margin-top: 20px;
margin-bottom: 18px;
padding: 9px 0 12px 18px;
}
#foo1 li {
padding-top: 2px;
float:left;
width:33.3333333333%;
}
.box-1 {
background: #041a25;
transition: all .4s ease;
}
.box-1:hover a {
    color: #0C2A39;
}
.box-1 a {
color: #d86d04;
}
img {
vertical-align: top;
}
.various {
position: relative;
display: block;
background: url(/images/fancybox.png) center center no-repeat #000000;
}
.box-1 .various {
float: left;
margin-right: 10px;
}
.various img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.various + div {
padding-top: 12px;
line-height: 16px;
}
.box-1 .color-2 {
font-weight: bold;
margin-top: 10px;
}
.color-2 {
color: #346a86;
}
.clearfix2{
    clear:both;
}
a {
color: inherit;
text-decoration: none;
}
.box-1:hover {
background: #d86d04;
}
.box-1 a:hover {
    text-decoration: underline;
}
.various:hover img {
    opacity:0.4;
}
#changeall {
    margin-top:10px;
}
#changeall li {
    float:left;
    width:20%;
    text-align:center;
}
.r {
    margin-bottom:10px;
}